<template>
	<view class="binndZhang">
		<!-- 绑定账号 -->
		<view class="binndZhang_one" @click="goBind(0)">
			<!-- 微信 -->
			<view class="binndZhang_one_left">
				<image src="../../static/bang_wx.png" mode="aspectFill"></image> 微信
			</view>
			<view class="binndZhang_one_right">
				<image src="../../static/bang_right.png" mode="aspectFill"></image>
			</view>
		</view>
		<view class="binndZhang_one" @click="goBind(1)">
			<!-- 支付宝 -->
			<view class="binndZhang_one_left">
				<image src="../../static/bang_zhi.png" mode="aspectFill"></image> 支付宝
			</view>
			<view class="binndZhang_one_right">
				<image src="../../static/bang_right.png" mode="aspectFill"></image>
			</view>
		</view>
		<view class="binndZhang_one" @click="goBind(2)">
			<!-- 银行卡 -->
			<view class="binndZhang_one_left">
				<image src="../../static/bang_card.png" mode="aspectFill"></image>银行卡
			</view>
			<view class="binndZhang_one_right">
				<image src="../../static/bang_right.png" mode="aspectFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		methods:{
			goBind(id){
				uni.navigateTo({
					url:'/pages/purse/zhanghao?id='+id
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.binndZhang{
		width: 750rpx;
		box-sizing: border-box;
		padding: 0 20rpx;
		.binndZhang_one{
			width: 710rpx;
			height: 131rpx;
			border-bottom: 1rpx solid #E6E6E6;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.binndZhang_one_left{
				image{
					width: 60rpx;
					height: 60rpx;
					display: inline-block;
					vertical-align: middle;
					margin-right: 28rpx;
				}
				font-size: 32rpx;
				font-weight: 600;
			}
			.binndZhang_one_right{
				image{
					width: 22rpx;
					height: 40rpx;
				}
			}
		}
	}
</style>
